<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>11/12: Paint on Mouse Move</title>
  
    <link rel="stylesheet" href="../../css/normalize.min.css">

  
      <link rel="stylesheet" href="../../css/graphics_style.css">

  
</head>

<body>

  <div class="frame perspective">
  <div class="preserve-3d" id="avatar">
    <div class="body">
      <img src="../../images/body.png">
      <!--         head  -->

       <div class="head">
        <div class="bun">
          <img src="../../images/bun.png">
        </div>
        <div class="eyes">
        <img src="../../images/eyes.png">
        </div>
        <img src="../../images/head.png">
      </div>
      
<!--         upper arm -->
        <div class="upperarm">
        <img src="../../images/upperarm.png">
          <div class="forearm">
          <img src="../../images/forearm.png">
            <div class="hand">
            <img src="../../images/hand.png">
            <div class="brush">
              <img src="../../images/brush.png">
            </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
</div>
<div id="wrap">
</div>
<span class="sig">by angela he</span>
<div class="block-mobile">
  <h3>this doesn't work on mobile</h3>
  <p>try using a computer!</p>
</div>
 <script src="../../js/jquery.min.js"></script>

  

    <script  src="../../js/graphics.js"></script>




</body>

</html>
